{% extends "Super.tpl" %}
{% block content %}

<section id="content" class="container">
	<div class="block-area">
		<h3>请输入你要采集数据的站点</h3>
		<input id="distance" class="form-control input-lg m-b-10" type="text"
		       placeholder="如:https://www.w3cschool.cn/">
		<button class="btn btn-block m-b-10" id="Deep">开始</button>
	</div>
	<div class="block-area">
		<div class="alert alert-success" id="memo1" hidden>
			<button id="arch" class="btn btn-lg m-r-5">数据归档</button>
			采集成功!但该站点可能存在反爬虫机制.
		</div>
		<div class="alert alert-danger" id="memo2" hidden>
			采集失败!错误的站点或者存在反爬虫机制.
		</div>
	</div>
	<div id="mydata" hidden>

		<div class="block-area">
			<h3 class="block-title">采集到的图片集</h3>
			<div id="imgarea"></div>
		</div>
		<div class="block-area" id="">
			<h3 class="block-title">采集到的视频集</h3>
			<div class="table-responsive overflow" tabindex="5005" style="overflow: hidden; outline: none;">
				<table class="tile table table-bordered table-striped">
					<thead>
					<tr>
						<th>标题</th>
						<th>链接</th>
					</tr>
					</thead>
					<tbody id="videoarea">

					</tbody>
				</table>
			</div>
		</div>

		<div class="block-area" id="">
			<h3 class="block-title">采集到的链接集</h3>
			<div class="table-responsive overflow" tabindex="5005" style="overflow: hidden; outline: none;">
				<table class="tile table table-bordered table-striped">
					<thead>
					<tr>
						<th>标题</th>
						<th>链接</th>
					</tr>
					</thead>
					<tbody id="dataArea">

					</tbody>
				</table>
			</div>
		</div>
	</div>

</section>
{% endblock %}
